<template>
  <div>
      <p>
          账号: <input v-model="userName" type="text">
      </p>
       <p>
          密码: <input type="text">
      </p>
       <p>
          <button @click="login">登录</button>
      </p>
  </div>
</template>

<script>
export default {
    data() {
        return {
            userName: ""
        }
    },
    methods: {
        login() {
            // query传参  (刷新不会丢失)
            // this.$router.push({
            //     path: "/home",
            //     query: {
            //         userName: this.userName
            //     }
            // })

            // params传参  (刷新会丢失)
            // this.$router.push({
            //     // 匹配路由表中name字段，不需要加/
            //     name: "Home",
            //     params: {
            //         userName: this.userName
            //     }
            // })
        }
    }
}
</script>

<style>

</style>